<template>
  <div class="Logout">
    <header>
      <div class="back" @click="$router.go(-1)"></div>
      <span>注销</span>
    </header>
    <main>
      <div class="kong">空空如也~</div>
      <div class="respect">
        <h5>尊敬的美悦用户</h5>
        <ul>
          <li class="circle">若您注销账号,该...</li>
          <li class="circle">若您注销账号,该...</li>
        </ul>
      </div>
      <van-button
        type="danger"
        :disabled="flag"
        round
        class="out"
        >确认申请</van-button
      >
    </main>
    <van-checkbox @click="bian" icon-size="20px" v-model="checked" class="agree"
      >申请注销即表示您自愿放弃该账号</van-checkbox
    >
  </div>
</template>

<script>
// import { setToken } from "../../utils/token";
// import { LoginAPI, RegisterAPI } from "../../utils/requestAPI";
export default {
  data() {
    return {
      checked: false,
      flag: true,
    };
  },
  methods: {
    bian() {
      this.flag = !this.flag;
    },
    // async login() {
    //   await LoginAPI(this.info).then((r) => {
    //     console.log(r);
    //     let token = r.data.tokenHead + " " + r.data.token;
    //     setToken(token);
    //   });
    // },
  },
};
</script>

<style scoped lang="scss">
header {
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #c0c0c0;
  text-align: center;
}
header .back {
  float: left;
  margin-top: 32.5px;
  margin-left: 20px;
  width: 19px;
  height: 35px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/pshvf6oyob5e2v34gvjdf963utrfrmi7si6b18e2f0-ee71-4c15-a09d-11de00a665d4) -1px -1px
    no-repeat;
  background-size: 20px 37px;
}
header span {
  line-height: 100px;
  font-size: 30px;
}
.Logout {
  main {
    .kong {
      width: 750px;
      height: 300px;
      line-height: 300px;
      text-align: center;
      font-size: 35px;
      color: gray;
    }
    .respect {
      width: 750px;
      height: 200px;
      background-color: rgb(160, 160, 160);
      font-size: 20px;
      h5 {
        text-indent: 1rem;
        line-height: 80px;
      }
      .circle {
        text-indent: 1rem;
        line-height: 30px;
        list-style-type: decimal;
      }
    }
    .out {
      width: 500px;
      height: 100px;
      font-size: 50px;
      margin-top: 50px;
      margin-left: 125px;
    }
  }
  .agree {
    font-size: 30px;
    margin: 0 auto;
    width: 500px;
    height: 150px;
    .van-checkbox__label {
      height: 100px;
      line-height: 100px;
      span {
        color: red;
      }
    }
  }
}
</style>
